@mixin max-lines($lineCount: 1) {
  display: -webkit-box !important;
  word-break: break-all !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: $lineCount !important;
  overflow: hidden !important;
}

.max-lines-1 {
  @include max-lines(1)
}

.max-lines-2 {
  @include max-lines(2)
}

.max-lines-3 {
  @include max-lines(3)
}

.aspect-fill {
  object-fit: cover !important;
}

.aspect-fit {
  object-fit: contain !important;
}
